// pages/home/index.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 下拉的次数
    count:0,
    // 随机颜色的列表
    colorList:[],
    // isLoding定义变量控制节流
    isLoading:false
  },
  // 点击事件--通过编程式导航跳转
  gotoMessage(){
    
    wx.switchTab({
      url: '/pages/message/index',
    })
  },
  gotoInfo(){
    wx.navigateTo({
      url: '/pages/info/index?name=ls&gender=男',
    })
  },
// 清空下拉的次数
clearUpllDown(){
  this.setData({
    count:0
  })
},
// 获取随机颜色的方法
getColors(){
  this.setData({
    isLoading:true
  })
  // 需要展示Loading效果
  wx.showLoading({
    title: '数据加载中...',
  })
  wx.request({
    url: 'https://applet-base-api-t.itheima.net/api/color',
    method:"GET",
    success:({data:res})=>{
      this.setData({
        colorList:[...this.data.colorList,...res.data]
      })
    },
    // 请求结束隐藏弹出框
    complete:()=>{
      wx.hideLoading()
      this.setData({
        isLoading:false
      })
    }
  })
},

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    // 调用获取颜色的方法
    this.getColors()
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {
    console.log("触发了下拉刷新点操作");
    this.setData({
      count:this.data.count+1
    }),
    
    // 执行完自动关闭下拉刷新效果
    wx.stopPullDownRefresh()
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {
    if(!this.data.isLoading){
      this.getColors()
    // console.log("触发了上拉触底的事件");
    }
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})